import { createApp } from "vue";
import "./style.css";
import "./styles/base.scss";
import App from "./App.vue";
import "amfe-flexible";
import { router } from "./router/index";
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import Content from "@/components/content.vue";
import pinia from "./store";
import { getSetting } from "@/common/setting";
import "animate.css";
import { dispatchEventStroage } from "@/util/utils";
import { svg } from "@/config/base";
import Tree from "@/views/genealogyInquiry/components/relationCom.vue";
import vue3SeamlessScroll from "vue3-seamless-scroll";

const setting = getSetting();

const app = createApp(App);
app.config.globalProperties.$name = setting.name;
app.config.globalProperties.$logo = setting.logo;
app.config.globalProperties.$svg = svg;
app.use(dispatchEventStroage);
app.use(pinia);
app.component("Content", Content);
app.component("Tree", Tree);
app.use(vue3SeamlessScroll);
app.use(ElementPlus);
app.use(router);
app.mount("#app");
